<template>
	<view class="pagesbg">
		<!-- 头部 -->
		<view class="header_bar header_fixed header_main">
			<view class="header">
				<view class="header-goBack"  @tap.stop="goTo()"></view>
				<view class="header-title">付款</view>
			</view> 
		</view> 
		
		<!-- 主体 -->
		<view class="success">
			<image class="imgStatus" src="@/static/public/success.png" mode=""></image>
			<view class="status-title">付款成功</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		components:{
		},
		data(){
			return{
				type: '',
			}
		},
		onLoad(options) {
			this.type = options.value1;
			console.log(this.type);
		},
		onShow() {
			
		},
		methods: {
			goTo(){
				if(this.type == '1'){
					this.$tools.redirectTo('/pages/order/order');
				}else if(this.type == '2'){
					this.$tools.redirectTo('/pages/user/buyOrder');
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.success{
		@include flexCenterColumn;
		margin: 64rpx auto;
		.imgStatus{
			width: 128rpx;
			height: 128rpx;
		}
	}
	.status{
		&-title{
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #333;
			margin: 28rpx auto 0;
		}
		&-btn{
			background: linear-gradient(180deg, #FF9548 0%, #FF3C3C 100%);
			border-radius: 86rpx;
			font-size: 30rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			padding: 20rpx 198rpx 18rpx;
		}
		&-time{
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
		}
	}
</style>